<template>
  <div class="index">
    <el-row>
      <el-col :span="24">
        <div class="header" style="background: #324157; height: 60px;"></div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="3">
        <div class="nav">
          <el-menu class="el-menu-vertical-demo" theme="dark">
            <el-submenu index="1-4">
              <template slot="title">
                <i class="el-icon-message"></i>
                导航一
              </template>
              <el-menu-item index="1-4-1">选项1</el-menu-item>
            </el-submenu>
            <el-menu-item index="2">导航二</el-menu-item>
            <el-menu-item index="3">导航三</el-menu-item>
          </el-menu>
        </div>
      </el-col>
      <el-col :span="21">
        <div style="background: #f0f0f0; margin-top=10px;">
          <el-row>
            <el-col :span="22" :offset="1">
              <el-table :data="tableData" border style="width: 100%">
                <el-table-column prop="date" label="日期" width="180">
                </el-table-column>
                <el-table-column prop="name" label="姓名" width="180">
                </el-table-column>
                <el-table-column prop="address" label="地址">
                </el-table-column>
              </el-table>
            </el-col>
          </el-row>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'hello',
  mounted() {
    console.log(this.$router.options.routes)
  },
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }, {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄'
      }, {
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }]
    }
  },
  methods: {
    handleSelect() {

    }
  }
}
</script>

<style scoped>
.nav {
  height: 100%;
  width: 100%;
}

.el-menu {
  border-radius: 0px !important;
}
</style>
